<template>
  <div>
    <img class="misi-img" src="@/assets/img/logo.png" @click="open">
    <!-- <mu-dialog :open="dialog" @close="close">
            <div class="dialog-div">
                <span>版权所有：广西密思高科技有限公司</span><br/>
                <span>公司地址：南宁市高新区高科路8号</span><br/>
                <span>公司网站：http://www.gxmisi.com</span><br/>
                <span>联系电话：13607815619</span>
            </div>
        </mu-dialog> -->
    <div v-transfer-dom>
      <x-dialog v-model="dialog" hide-on-blur :dialog-style="{'max-width': '100%', width: '100%'}">
        <!-- <div @click="dialog=false" class="pull-right">
          <span class="vux-close"></span>
        </div> -->
        <div class="dialog-div">
          <span class="span">版权所有：广西密思高科技有限公司</span><br/>
          <span class="span">公司地址：民族大道155号荣和山水美地A座21-G</span><br/>
          <span class="span">公司网站：http://www.gxmisi.com</span><br/>
          <span class="span">联系电话：0771-5348120</span>
        </div>

      </x-dialog>
    </div>
  </div>
</template>
<script>
import { XDialog, TransferDomDirective as TransferDom } from "vux";
export default {
directives: {
    TransferDom
  },
  components: {
    XDialog
  },
  data() {
    return {
      dialog: false
    };
  },
  methods: {
    close() {
      this.dialog = false;
    },
    open() {
      this.dialog = true;
    }
  }
};
</script>
<style scoped lang="scss">
.dialog-div {
  .span {
    padding: 10px;
    padding-top: 20px;
    font-size: 18px;
    color: #242323;
  }
}
.misi-img {
  width: 46px;
  height: 46px;
  color: #fff;
}
</style>


